<!DOCTYPE html>
<html lang="zh-CN ">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>动态首页-仿</title>
    <link rel="stylesheet" type="text/css" href="布局测试.css">
</head>

<body>
    <header>
        <div class="LEFT">
            <ul class="表1">
                <li><img src="img/2.jpg" id="logo" /></li>
                <li>首页</li>
                <li>番剧</li>
                <li>直播</li>
                <li>游戏中心</li>
                <li>会员购</li>
                <li>漫画</li>
                <li>赛事</li>
            </ul>
            <div class="zhong">
                <form class="sousuo"><input type="text"></form>
            </div>
        </div>
        <div class="RIGHT">
            <img src="img/右上.png" id="右上" />
        </div>
    </header>
    <section>
        <div class="left">
            <div class="left_1">
                <img src="img/L1.png" id="L1" />
            </div>
            <div class="left_2">
                <div class="up">
                    <ul class="表4">
                        <li>
                            <h4>正在直播</h4>
                        </li>
                        <li>更多关注</li>
                    </ul>
                </div>
                <div class="under"><img src="img/under.png" id="under" /></div>
            </div>
        </div>
        <div class="center">
            <div class="center_1"></div>
            <div class="center_2"></div>
            <div class="center_3">
                <ul class="表3">
                    <li class="change_color" v-for="(item,i) in 17" :key="i" tabindex="1">
                        <p type="button" onclick="全部()" id="1">全部
                        </p>
                    </li>
                    <li class="change_color" v-for="(item,i) in 17" :key="i" tabindex="1">
                        <p type="button" onclick="视频投稿()" id="2">视频投稿</p>
                    </li>
                    <li class="change_color" v-for="(item,i) in 17" :key="i" tabindex="1">
                        <p type="button" onclick="追番追剧()" id="3">追番追剧</p>
                    </li>
                    <li class="change_color" v-for="(item,i) in 17" :key="i" tabindex="1">
                        <p type="button" onclick="专栏()" id="4">专栏</p>
                    </li>
                </ul>
            </div>
            <div class="center_4">
                <p id="C1">假装有内容</p>
            </div>
            <div class="center_5">
                <p id="C2">我也假装有内容</p>
            </div>
            <div class="center_6">6</div>
            <div calss="center_7">7</div>
            <div calss="center_8">8</div>
            <div calss="center_9">9</div>
        </div>
        <div class="right">
            <div class="rihght_1">
                <img src="img/R1.png" id="R1" />
            </div>
            <div class="rihght_2">
                <img src="img/R2.png" id="R2" />
            </div>
        </div>
    </section>
    <div class="back_top" id="back_top">顶部</div>
</body>
<script src="布局测试.js">

</script>

</html>